<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>库存管理系统-客户系统</title>
		<link rel='icon' href='../favicon.ICO' type='image/x-ico' /> 
		<!--vendor css-->
		<link rel="stylesheet" href="../assets/vendor/bootstrap/css/bootstrap.min.css" />
		<!--plug-in css -->
		<link rel="stylesheet" href="../assets/vendor/bootstrap/css/bootstrap-table.css" />
		<!--common css-->
		<link rel="stylesheet" href="../assets/css/common.css" />
		<link rel="stylesheet" href="../assets/css/theme.css" />
		<!--us css-->
		<link rel="stylesheet" href="../assets/css/styles.css" />
		<link rel="stylesheet" href="../assets/css/index.css" />
		<link rel="stylesheet" href="orders.css" />
	</head>
	<body>
		<!--html start-->
		<div id="mainContent" class="row main-content">
			<div id="headContent" class="col-md-12 col-xs-12 head-content">
				<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
					<div class="container-fluid">
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#sidebar-collapse">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>
							<a class="navbar-brand" href="index.html"><span>Stock</span>库存管理系统</a>
							<ul class="user-menu">
								<li class="dropdown pull-right">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> User <span class="caret"></span></a>
									<ul class="dropdown-menu" role="menu">
										<li><a href="../messages.html"><span class="glyphicon glyphicon-user"></span> Messages</a></li>
										<li><a href="../settings.html"><span class="glyphicon glyphicon-cog"></span> Settings</a></li>
										<li><a onclick="loginOutSystem();" href="javascript:;"><span class="glyphicon glyphicon-log-out"></span> Logout</a></li>
									</ul>
								</li>
							</ul>
						</div>
					</div><!-- /.container-fluid -->
				</nav>
			</div>
			<div id="webContent" class="col-md-12 col-xs-12 relative web-content">
				<div id="sidebar-collapse" class="col-sm-3 col-lg-2 sidebar">
					<ul class="nav menu" id="adminMenu">
						<!--<li class="active"><a href="index.html"><span class="glyphicon glyphicon-dashboard"></span> Dashboard</a></li>
						<li><a href="widgets.html"><span class="glyphicon glyphicon-th"></span> Widgets</a></li>
						<li><a href="charts.html"><span class="glyphicon glyphicon-stats"></span> Charts</a></li>
						<li><a href="tables.html"><span class="glyphicon glyphicon-list-alt"></span> Tables</a></li>
						<li><a href="forms.html"><span class="glyphicon glyphicon-pencil"></span> Forms</a></li>
						<li><a href="panels.html"><span class="glyphicon glyphicon-info-sign"></span> Alerts &amp; Panels</a></li>
						<li class="parent ">
							<a href="#">
								<span class="glyphicon glyphicon-list"></span> Dropdown <span data-toggle="collapse" href="#sub-item-1" class="icon pull-right"><em class="glyphicon glyphicon-s glyphicon-plus"></em></span> 
							</a>
							<ul class="children collapse" id="sub-item-1">
								<li>
									<a class="" href="#">
										<span class="glyphicon glyphicon-share-alt"></span> Sub Item 1
									</a>
								</li>
								<li>
									<a class="" href="#">
										<span class="glyphicon glyphicon-share-alt"></span> Sub Item 2
									</a>
								</li>
								<li>
									<a class="" href="#">
										<span class="glyphicon glyphicon-share-alt"></span> Sub Item 3
									</a>
								</li>
							</ul>
						</li>
						<li role="presentation" class="divider"></li>
						<li><a href="login.html"><span class="glyphicon glyphicon-user"></span> Login Page</a></li>-->
					</ul>
				</div>
				<div class="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2 right-content">
					<div class="row">
						<ol class="breadcrumb">
							<li><a href="../index.html"><span class="glyphicon glyphicon-home"></span></a></li>
							<li class="active">订单查询</li>
						</ol>
					</div><!--/.row-->
					
					<!--<div class="row">
						<div class="col-lg-12">
							<h1 class="page-header">Read Me</h1>
						</div>
					</div>-->
			        
			        <div class="row">
			        	<!--右侧内容-->
						<div id="manageContent" class="col-xs-12 col-md-12 col-lg-12 manage-content">
							<div class="panel panel-default">
						        <div class="panel-heading">订单查询</div>
						        <div class="panel-body">
						            <div id="toolbar" class="btn-group">
						                <label>订单状态</label>
										<select id="orderStateST" class="form-control form-line" name="">
											<option value="0">全部</option>
											<!--<option value="2001">待支付</option>-->
											<option value="2002">待确认</option>
											<option value="2003">待发货</option>
											<option value="2004">关闭</option>
										</select>
										<label>开票状态</label>
										<select id="taxStatusST" class="form-control form-line" name="">
											<option value="0">全部</option>
											<option value="2">未开</option>
											<option value="1">已开</option>
										</select>
										<br />
										<label>开始时间</label>
										<label for="">
											<input id="startTime" class="form-control form-line" type="date">
										</label>
										<label>结束时间</label>
										<label for="">
											<input id="endTime" class="form-control form-line" type="date">
										</label>
										<br />
										<label>搜索查询</label>
										<label for="">
											<select id="tsearchType" class="form-control form-line" name="">
												<option value="订单编号">订单编号</option>
												<option value="收货地址">收货地址</option>
												<option value="收货人姓名">收货人姓名</option>
												<option value="联系电话">联系电话</option>
											</select>
											<input id="keyword" class="form-control form-line" type="text" placeholder="关键字查询">
										</label>
										<label for="">
											<input class="btn btn-primary" type="button" id="searchBtn" value="查询">
											<input class="btn btn-warning" type="button" id="btnExcel" value="导出Excel">
										</label>
						            </div>
						            <table id="stockTable" data-show-refresh="false" data-show-toggle="false" data-show-columns="false" data-search="false" data-select-item-name="toolbar" data-pagination="true" data-sort-name="id" data-sort-order="desc">
						                <thead>
						                <tr>
						                    <th data-field="" data-radio="true" >ID</th>
						                    <th data-field="orederID" data-sortable="true">订单编号</th>
						                    <!--<th data-field="productName">产品名称</th>-->
						                    <th data-field="totalPrice">订单总价</th>
						                    <th data-field="shoppingAddress">送货地址</th>
						                    <!--<th data-field="isPayment" data-sortable="true">支付状态</th>-->
						                    <th data-field="orderState" data-sortable="true">订单状态</th>
						                    <th data-field="taxStatus" data-sortable="true">发票状态</th>
											<th data-field="userId" data-sortable="true">订单用户</th>
						                    <th data-field="orderMes">订单信息</th>
						                    <!--<th data-field="printMes">打印单</th>-->
						                    <th data-field="createTime" data-sortable="true">创建时间</th>
						                    <!--<th data-field="payTime" data-sortable="true">支付时间</th>-->
						                    <th data-field="operate">操作</th>
						                </tr>
						                </thead>
						            </table>
						        </div>
						    </div>
						</div>
					</div>
				</div>
			</div>
			<div id="footContent" class="col-md-12 col-xs-12 foot-content">
				<p>
					<a class="btn-theme-a" href="">京 ICP 证 09002463 号</a>
					|Copyright © 2017, 所有版权归为上海煜众网络科技有限公司所有
				</p>
			</div>
		</div> 
		<!--html end-->
		<!-- 模态框（Modal） -->
		<div class="modal fade" id="orderModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog">
		        <div class="modal-content">
		            <div class="modal-header">
		                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		                <h4 class="modal-title" id="myModalLabel">订单详情</h4>
		            </div>
		            <div class="modal-body">
						<div class="form-group">
							<h3>产品信息</h3>
							<table class="table table-striped">
								<thead>
								<tr>
									<th>产品编号</th>
									<th>产品名称</th>
									<th>品牌</th>
									<th>型号</th>
									<th>单价</th>
									<th>数量</th>
								</tr>
								</thead>
								<tbody id="orderDetailList">

								</tbody>
							</table>
							<!--<label for="" class="control-label">产品品牌:<span class="ml-item" id="productBrand"></span></label>
							<label for="" class="control-label">产品名称:<span class="ml-item" id="productName"></span></label>
							<label for="" class="control-label">产品型号:<span class="ml-item" id="productVersion"></span></label>
							<label for="" class="control-label">产品单价:<span class="ml-item" id="singlePrice"></span></label>-->
						</div>
		            	<div class="form-group">
		            		<h3>用户信息<span id="userIdCode"></span></h3>
						    <label for="" class="control-label">真实姓名:<span class="ml-item" id="realName"></span></label>
						    <label for="" class="control-label">联系方式:<span class="ml-item" id="userPhone"></span></label>
						</div>
						<hr />
						<div class="form-group">
							<h3>订单信息</h3>
							<!--<label for="" class="control-label">订单数量:<span class="ml-item" id="number"></span></label>-->
							<label for="" class="control-label">订单总价:<span class="ml-item" id="totalPrice"></span></label>
						    <!--<label for="" class="control-label">是否支付:<span class="ml-item" id="isPayment"></span></label>-->
						    <label for="" class="control-label">支付时间:<span class="ml-item" id="payTime"></span></label>
						    <!--<label for="" class="control-label">是否删除:<span class="ml-item" id="deleted"></span></label>-->
							<br />
							<label for="" class="control-label">送货地址:<span class="ml-item" id="shoppingAddress"></span></label>
							<br />
							<label for="" class="control-label">备注信息:<span class="ml-item" id="orderRemark"></span></label>
							<br />
						</div>
						<div class="form-group" id="hasShipGroup" hidden="hidden">
							<h3>发货状态</h3>
							<label for="" class="control-label">发货状态:<span class="ml-item" id="hasShip"></span></label>
							<label for="" class="control-label">发货方式:<span class="ml-item" id="fareType"></span></label>
							<label for="" class="control-label">收货状态:<span class="ml-item" id="fareStatus"></span></label>
							<label for="" class="control-label">收货时间:<span class="ml-item" id="fareTime"></span></label>
						</div>
						<div class="form-group" id="taxGroup" hidden="hidden">
							<h3>发票状态</h3>
							<label for="" class="control-label">发票号码:<span class="ml-item" id="taxNumber"></span></label>
							<label for="" class="control-label">开票金额:<span class="ml-item" id="taxMoney"></span></label>
						</div>
		            </div>
		            <div class="modal-footer">
		                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
		            </div>
		        </div><!-- /.modal-content -->
		    </div><!-- /.modal -->
		</div>
		<!-- 模态框（Modal） -->
		<!-- 模态框（Modal） -->
		<div class="modal fade col-sm-12 p-none" id="printModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
		    <div class="modal-dialog width-p100">
		        <div class="modal-content">
		            <div class="modal-header">
		                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		                <h4 class="modal-title" id="myModalLabel2">打印单详情</h4>
		            </div>
		            <div class="modal-body">
		            	<div id="printOrderTable" class="width-p100">
							<h3 class="text-center">上海明承电器设备有限公司</h3>
							<h3 class="text-center">
								<span class="invoice-title-sec">销&nbsp;&nbsp;售&nbsp;&nbsp;发&nbsp;&nbsp;货&nbsp;&nbsp;单</span>
							</h3>
							<div class="col-sm-4">
								<div class="col-sm-5 text-left">
									发票单号：
								</div>
								<div class="col-sm-7 text-left">
									<span id="taxNumberpt"></span>
								</div>
							</div>
							<div class="col-sm-4">
								<div class="col-sm-5 text-left">
									发货日期：
								</div>
								<div class="col-sm-7 text-left">
									<span id="deliveryTimept"></span>
								</div>
							</div>
							<div class="col-sm-4">
								<div class="col-sm-5 text-left">
									客户名称：
								</div>
								<div class="col-sm-7 text-left">
									<span id="userIdpt"></span>
								</div>
							</div>
							<div class="col-sm-4">
								<div class="col-sm-5 text-left">
									联系人：
								</div>
								<div class="col-sm-7 text-left">
									<span id="realNamept"></span>
								</div>
							</div>
							<div class="col-sm-4">
								<div class="col-sm-5 text-left">
									联系电话：
								</div>
								<div class="col-sm-7 text-left">
									<span id="userPhonept"></span>
								</div>
							</div>
							<div class="col-sm-4">
								<div class="col-sm-5 text-left">
									手机：
								</div>
								<div class="col-sm-7 text-left">
									<span></span>
								</div>
							</div>
							<div class="col-sm-4">
								<div class="col-sm-5 text-left">
									运输方式：
								</div>
								<div class="col-sm-7 text-left">
									<span id="fareTypept"></span>
								</div>
							</div>
							<div class="col-sm-4">
								<div class="col-sm-5 text-left">
									付款条件：
								</div>
								<div class="col-sm-7 text-left">
									<span></span>
								</div>
							</div>
							<div class="col-sm-12">
								<div class="col-sm-2 text-left invoice-left-wd">
									收货地址：
								</div>
								<div class="col-sm-8 text-left">
									<span id="shoppingAddresspt"></span>
								</div>
							</div>
		            		<table class="table table-striped">
							  <thead>
							    <tr>
							      	<th>物料代号</th>
							      	<th>名称</th>
							      	<th>规格</th>
									<th>单位</th>
									<th>数量</th>
									<th>单价</th>
									<th>金额</th>
							    </tr>
							  </thead>
							  <tbody id="printOrderDetailList">
							    <!--<tr>
									<td id="productIdpt"></td>
									<td id="productNamept"></td>
									<td id="productVersionpt"></td>
									<td>套</td>
									<td id="numberpt"></td>
									<td id="singlePricept"></td>
									<td id="totalPricept"></td>
							    </tr>
							    <tr>
									<td>合计数量</td>
									<td colspan="3"></td>
									<td id="allNumber"></td>
									<td></td>
									<td id="allTotal"></td>
							    </tr>
							    <tr>
									<td>合计金额</td>
									<td colspan="6" id="allTotalUP">

									</td>
								</tr>
								<tr>
									<td>备注</td>
									<td colspan="6">

									</td>
								</tr>-->
							  </tbody>
							</table>
							<div class="width-p100 item-div">
								<label for="" class="item-label">
									经办人：
									<span class="item-span">李国明</span>
								</label>
								<label for="" class="item-label">
									审批人：
									<span class="item-span">李国明</span>
								</label>
								<label for="" class="item-label">
									打印日期：
									<span class="item-span" id="printDate"></span>
								</label>
								<label for="" class="item-label">
									实收台数
									<span class="item-span"> </span>
								</label>
								<label for="" class="item-label">
									收货人
									<span class="item-span"> </span>
								</label>
							</div>
							<div class="width-p100 item-div">
								<label for="" class="item-label">
									电话热线：
									<span class="item-span">400-0210-0380</span>
								</label>
								<label for="" class="item-label">
									公司网站：
									<span class="item-span"><a href="http://www.021ele.com" target="_blank">www.021ele.com</a></span>
								</label>
								<label for="" class="item-label">
									地址：
									<span class="item-span">上海市宝山区锦秋路1317号</span>
								</label>
							</div>
		            	</div>
		            </div>
		            <div class="modal-footer">
		            	<button id="btnPrintOrder" type="button" class="btn btn-primary">打印</button>
		                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
		            </div>
		        </div><!-- /.modal-content -->
		    </div><!-- /.modal -->
		</div>
		<!-- 模态框（Modal） -->
		<!-- 模态框（Modal） -->
		<div class="modal fade" id="shipModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog">
		        <div class="modal-content">
		            <div class="modal-header">
		                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		                <h4 class="modal-title" id="myModalLabel">发货操作</h4>
		            </div>
		            <div class="modal-body">
		            	<div class="form-group">
							<label>发货类型</label>
							<select id="fareTypeST" class="form-control">
								<option value="自提">自提</option>
								<option value="送货">送货</option>
							</select>
						</div>
					</div>
		            <div class="modal-footer">
		            	<button id="btnCreateShip" type="button" class="btn btn-primary">发货</button>
		                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
		            </div>
		        </div><!-- /.modal-content -->
		    </div><!-- /.modal -->
		</div>
		<!-- 模态框（Modal） -->
		<!-- 模态框（Modal） -->
		<div class="modal fade" id="taxModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog">
		        <div class="modal-content">
		            <div class="modal-header">
		                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		                <h4 class="modal-title" id="myModalLabel">打印单详情</h4>
		            </div>
		            <div class="modal-body">
		            	<div class="form-group">
							<label>发票号码</label>
							<input id="taxNumberST" class="form-control" placeholder="发票号码" >
						</div>
						<div class="form-group">
							<label>开票金额</label>
							<input id="taxMoneyST" class="form-control" type="number" min="0" placeholder="开票金额" >
						</div>
		            </div>
		            <div class="modal-footer">
		            	<button id="btnCreateTax" type="button" class="btn btn-primary">开票</button>
		                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
		            </div>
		        </div><!-- /.modal-content -->
		    </div><!-- /.modal -->
		</div>
		<!-- 模态框（Modal） -->
		<!--vendor js-->
		<script type="text/javascript" src="../assets/vendor/jquery/jquery.min.js"></script>
		<script type="text/javascript" src="../assets/vendor/bootstrap/js/bootstrap.min.js"></script>
		<!--plug-in js -->
		<script type="text/javascript" src="../assets/vendor/bootstrap/js/bootstrap-table.js"></script>
		<!--common js-->
		<script type="text/javascript" src="../assets/js/gobalInit.js"></script>
		<script type="text/javascript" src="../assets/js/util.js"></script>
		<script type="text/javascript" src="../assets/js/default.js"></script>
		<!--us js-->
		<script type="text/javascript" src="../assets/js/index.js"></script>
		<script type="text/javascript" src="orders.js"></script>
	</body>
</html>
